<template>
  <div>
    父组件
    <hr />
    <HmSon a="100" b="200"></HmSon>
    <hr />
    <MyProduct v-for="item in list" :key="item.id" :product="item"></MyProduct>
  </div>
</template>

<script>
import HmSon from "./HmSon.vue";
import MyProduct from "./MyProduct.vue";
export default {
  components: {
    HmSon,
    MyProduct,
  },
  props: {},
  data() {
    return {
      list: [
        { id: 1, proname: "超级好吃的棒棒糖", proprice: 18.8 },
        { id: 2, proname: "超级好吃的大鸡腿", proprice: 34.2 },
        { id: 3, proname: "超级无敌的冰激凌", proprice: 14.2 },
      ],
    };
  },
  computed: {},
  watch: {},
  created() {},
  methods: {},
};
</script>

<style scoped></style>
